import { defineConfig } from 'vite'
import { resolve } from 'path'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
import ViteComponents, { AntDesignVueResolver } from 'vite-plugin-components'

export default defineConfig({
  base: './', // 文件访问根路径
  plugins: [
    vue(),
    // 按需加载
    ViteComponents({
      customComponentResolvers: [AntDesignVueResolver()]
    })
  ],
  resolve: {
    alias: {
      '@': resolve(__dirname, 'src')
    },
    extensions: ['.js', '.ts', '.jsx', '.tsx', '.json', '.vue', '.mjs'] // 类型： string[] 导入时想要省略的扩展名列表。
  },

  css: {
    preprocessorOptions: {
      less: {
        modifyVars: {},
        // less 运行js 或者降低less 版本
        javascriptEnabled: true
      }
    }
  },

  // 配置服务
  server: {
    port: 8800
  }
})
